<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<script src="js/mui.js"></script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function () {
			    //打开搜索结果的页面，携带查询的条件
				document.getElementById("searchResultBtn").addEventListener("tap",function(){
					//获取查询好友的值
					var username = document.getElementById("username").value;
					mui.openWindow({
					    url:'searchResult.html',
					    id:'searchResult.html',
					    extras:{
					      username : username  //自定义扩展参数，可以用来处理页面间传值
					    }
					});
				});
			})
		</script>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">搜索好友</h1>
		</header>
		
		<div style="margin-top: 50px;">
			<input type="text" class="mui-input-clear"  id="username" placeholder="请输入好友的用户编号">
			<ul class="mui-table-view" style="text-align: center;color: white;background-color: green;">
				<li class="mui-table-view-cell mui-media" id="searchResultBtn">
					<a href="javascript:;">
						搜索
					</a>
				</li>
			</ul>
		</div>
	</body>

</html>
